﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ReportSite.master" AutoEventWireup="true" CodeBehind="RawMaterialsReports.aspx.cs" Inherits="XYZ_Inventory.RawMaterialsReports" %>
<asp:Content ID="Content1" ContentPlaceHolderID="htmlHead" runat="server">
    <style>
        .custom {
            -ms-border-radius: 0.5em;
            background: white;
            border: 1px solid lightgray;
            border-radius: 0.5em;
        }

        .custom td { padding: 0.5em; }

        .custom td:first-child { text-align: right; }

        .custom select {
            -ms-border-radius: 0.5em;
            border-radius: 0.5em;
            outline: none;
            padding: 0.5em;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <h2>
        Raw Material Report
    </h2>
    <br/>

    <asp:Chart ID="Chart1" runat="server" Width="600px" Height="600px">
        <Titles>
            <asp:Title Font="Times New Roman, 20pt, style=Bold, Italic" Name="Title1" Text="Raw material usage report">
            </asp:Title>
        </Titles>
        <Series>
            <asp:Series Name="Series">
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea">
            </asp:ChartArea>
        </ChartAreas>
    </asp:Chart>
    <br/>
    <br/>
    <fieldset style="margin: 0.5em; padding: 0.5em;">
        <legend>
            <h3>Raw material usage report from sales</h3>
        </legend>

        <table class="custom">
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" Text="Year"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="ddlYears" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlYears_OnSelectedIndexChanged">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label3" runat="server" Text="Raw material Type"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="ddlMaterialType" runat="server" DataTextField="Type" DataValueField="Type"
                                      AutoPostBack="True" OnSelectedIndexChanged="ddlMaterialType_OnSelectedIndexChanged">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label2" runat="server" Text="Raw material Name"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="ddlRawMaterial" runat="server" DataTextField="RawMaterialName"
                                      AutoPostBack="True" DataValueField="RawMaterialID" OnSelectedIndexChanged="ddlRawMaterial_OnSelectedIndexChanged">
                    </asp:DropDownList>
                </td>
            </tr>
        </table>

        <br/>
        <table style="width: 100%">
            <tr>
                <td>
                    <asp:Chart ID="Chart2" runat="server" Width="500px" Height="500px">
                        <Series>
                            <asp:Series Name="Series">
                            </asp:Series>
                        </Series>
                        <ChartAreas>
                            <asp:ChartArea Name="ChartArea">
                            </asp:ChartArea>
                        </ChartAreas>
                    </asp:Chart>
                </td>
                <td>
                    <asp:Chart ID="Chart3" runat="server" Width="500px" Height="500px">
                        <Series>
                            <asp:Series Name="Series">
                            </asp:Series>
                        </Series>
                        <ChartAreas>
                            <asp:ChartArea Name="ChartArea">
                            </asp:ChartArea>
                        </ChartAreas>
                    </asp:Chart>
                </td>
            </tr>
        </table>
    </fieldset>
</asp:Content>